<!DOCTYPE html>
<!--[if lte IE 8]>
<html lang="zh-CN" class="lte-ie8">
<![endif]-->
<!--[if gt IE 8]><!-->
<html lang="zh-CN">
<!--<![endif]-->

<head>
    <meta charset="utf-8">
    <title>沈文彦 - 个人简历</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" type="image/x-icon" href="../favicon.ico?v=5.1.0" />
    <link rel="stylesheet" href="resume.css">
</head>

<body>
    <!--[if lte IE 8]>
<div class="lte-ie8-comment-wrapper"><p class="lte-ie8-comment">你正在使用 IE8 或更老的古董浏览器，还是快升级或者换浏览器吧~</p></div><![endif]-->
    <div class="container">
        <main>
            <header class="row">
                <figure class="header-qrcode">
                    <img src="" alt="jackshen" class="qrcode-img invisible-lt-sm visible-print" />
                </figure>
                <section class="title">
                    <h1>沈文彦</h1>
                    <h2>前端工程师</h2>
                </section>
                <address>
                    <ul class="contact">
                        <li class="contact-email">
                            <a href="mailto://939960173shen@gmail.com">939960173shen@gmail.com</a>
                        </li>
                        <li class="contact-wechat">13554034753</li>
                        <li class="contact-sinaweibo">13554034753</li>
                        <li class="contact-github">
                            <a target="_black" href="https://github.com/jackShen993">https://github.com/jackShen993</a>
                        </li>
                        <li class="contact-blog">
                            <a target="_black" href="https://39.108.95.80/">jackshen.top</a>
                        </li>
                    </ul>
                </address>
            </header>
            <article class="content row">
                <article class="column-6 first column">
                    <section class="education">
                        <div class="sec-title-wrapper">
                            <h3 class="sec-title">
                                <span class="sec-title-ch">教育经历</span>
                                <span class="sec-title-en">Education</span>
                            </h3>
                        </div>
                        <div class="timeline-wrapper">
                            <ul class="sec-content timeline">
                                <li class="timeline-item education-undergraduate">
                                    <h3 class="timeline-title">
                                        <time class="education-time">2013 ~ 2017</time>
                                    </h3>
                                    <dl class="education-description timeline-content">
                                        <dt class="education-name">武汉轻工大学</dt>
                                        <dd class="education-major">制药工程（本科）</dd>
                                    </dl>
                                </li>
                            </ul>
                        </div>
                    </section>
                    <section class="experience">
                        <div class="sec-title-wrapper">
                            <h3 class="sec-title">
                                <span class="sec-title-ch">项目与经历</span>
                                <span class="sec-title-en">Experience</span>
                            </h3>
                        </div>
                        <div class="timeline-wrapper">
                            <ul class="sec-content timeline">
                                <li class="timeline-item experience-project">
                                    <h3 class="timeline-title">
                                        <span class="experience-project-type">实习经历</span>
                                        <span class="experience-title-aside"></span>
                                    </h3>
                                    <dl class="experience-description timeline-content">
                                        <dt class="experience-project-name">XXXXX公司 (2016.12-2017.4)</dt>
                                        <dd class="experience-task">主要负责微信端 HTML5 项目</dd>
                                        <dd class="experience-task">XXXXXXXXXXX</dd>
                                    </dl>
                                </li>
                                <li class="timeline-item experience-project">
                                    <h3 class="timeline-title">
                                        <span class="experience-project-type">工作经历</span>
                                        <span class="experience-title-aside"></span>
                                    </h3>
                                    <dl class="experience-description timeline-content">
                                        <dt class="experience-project-name">XXXXX公司 (2017.6-至今)</dt>
                                        <dd class="experience-task">利用
                                            <strong>vue</strong>,
                                            <strong>webpack</strong> 等技术开发多个后台管理系统</dd>
                                    </dl>
                                </li>
                                <li class="timeline-item experience-project">
                                    <h3 class="timeline-title">
                                        <span class="experience-project-type">项目经验</span>
                                    </h3>
                                    <dl class="experience-description timeline-content">
                                        <dt class="experience-project-name">商城项目</dt>
                                        <dt class="experience-project-name">波光芯城商城</dt>
                                        <dd class="experience-task">使用 bootstrap + jquery 实现的商城系统</dd>
                                        <dd class="experience-task">在项目中承担了70%左右的前端界面开发和接口对接工作</dd>
                                    </dl>
                                    <dl class="experience-description timeline-content">
                                        <dt class="experience-project-name">兄弟猫项目</dt>
                                        <dd class="experience-task">使用jquery + bootstrap实现的首页及移动商城系统</dd>
                                        <dd class="experience-task">采用混合开发,负责静态页面及简单交互</dd>
                                    </dl>
                                    <dl class="experience-description timeline-content">
                                        <dt class="experience-project-name">HTML5 开发</dt>
                                        <dd class="experience-task">负责微信端H5活动页面开发</dd>
                                    </dl>
                                </li>
                            </ul>
                        </div>
                    </section>
                </article>
                <article class="column-6 last column">
                    <section class="skills">
                        <div class="sec-title-wrapper">
                            <h3 class="sec-title">
                                <span class="sec-title-ch">技能</span>
                                <span class="sec-title-en">Skills</span>
                            </h3>
                        </div>
                        <div class="timeline-wrapper">
                            <ul class="sec-content timeline">
                                <li class="timeline-item skills-frontend">
                                    <h3 class="timeline-title">
                                        <span class="skills-type">Web 前端</span>
                                    </h3>
                                    <dl class="skills-description timeline-content">
                                        <dt class="skills-item-summary">HTML/CSS</dt>
                                        <dd class="skills-item-description">
                                            <span> 熟练掌握
                                                <strong>HTML、CSS</strong>
                                            </span>
                                        </dd>
                                        <dt class="skills-item-summary">ECMAScript（JavaScript）</dt>
                                        <dd class="skills-item-description">
                                            <span>对JavaScript中的
                                                <strong>闭包、继承、原型链</strong> 等知识有一定的了解
                                            </span>
                                        </dd>
                                        <dd class="skills-item-description">
                                            <span>熟悉
                                                <strong>ECMAScript 6</strong>，并在实际项目中使用</span>
                                        </dd>
                                        <dt class="skills-item-summary">Vue</dt>
                                        <dd class="skills-item-description">
                                            <span>熟悉
                                                <strong>Vue + Vue-cli + webpack</strong> 技术栈
                                            </span>
                                        </dd>
                                        <dt class="skills-item-summary">Node</dt>
                                        <dd class="skills-item-description">
                                            <span>了解
                                                <strong>Node + express + mongodb(Mysql)</strong> 技术栈,写过基于vue + webpack + mongodb的博客
                                            </span>
                                        </dd>
                                        <dt class="skills-item-summary">前端工程实践</dt>
                                        <dd class="skills-item-description">
                                            <span>热爱前端，喜欢用最扎实的代码技术做出效果上最炫，代码上最合理的页面</span>
                                        </dd>
                                        <dd class="skills-item-description">
                                            <span>有良好的编程习惯，必要的注释和合理的代码结构</span>
                                        </dd>
                                        <dd class="skills-item-description">
                                            <span>能够与后端、设计、产品进行沟通交流，有效率的合作</span>
                                        </dd>
                                        <dd class="skills-item-description">
                                            <span>熟悉
                                                <strong>JQuery,</strong>
                                                <strong>Bootstrap</strong>
                                            </span>
                                        </dd>
                                        <dd class="skills-item-description">
                                            <span>熟悉
                                                <strong>Chrome</strong> 调试工具的基本使用</span>
                                        </dd>
                                        <dd class="skills-item-description">
                                            <span>熟悉
                                                <strong>Git,bebel,webpack,less,sass,npm</strong>
                                            </span>
                                        </dd>
                                    </dl>
                                </li>
                                <li class="timeline-item skills-miscellaneous">
                                    <h3 class="timeline-title">
                                        <span class="skills-type">其他</span>
                                    </h3>
                                    <ul class="skills-description skills-miscellaneous timeline-content">
                                        <li class="skills-item-description">
                                            <span>日常使用
                                                <strong> VS Code / WebStorm</strong> 进行开发，也乐于尝试新工具</span>
                                        </li>
                                        <li class="skills-item-description">
                                            <span>能够使用
                                                <strong>Photoshop</strong> 完成简单的设计，并且可以使用
                                                <strong>premiere</strong>编辑视频</span>
                                        </li>
                                        <li class="skills-item-description">
                                            <span>喜欢写作和分享，有自己的博客</span>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </section>
                    <div class="my-works">
                        <span class="skills-type">我的博客地址：
                            <strong>
                                <a target="_black" href="http://39.108.95.80/">http://39.108.95.80/</a>
                            </strong>
                        </span>
                    </div>
                    <div class="my-works">
                        <span class="skills-type">我的GitHub地址：
                            <strong>
                                <a target="_black" href="https://github.com/jackShen993">https://github.com/jackShen993</a>
                            </strong>
                        </span>
                    </div>

                    <div class="my-works">
                        <span class="skills-type">
                            <strong>感谢您的阅读，期待与您共事</strong>
                        </span>
                    </div>
                </article>
            </article>
        </main>
    </div>
</body>

</html>